.skin-black {
  background-color: #212936 !important;
}
.skin-black .app-content {
  background-color: #212936;
}
.skin-black .app-content-wrap {
  background-color: #212936;
}
.skin-black .g-content-title {
  color: #fff;
  background-color: #3c495f;
  border: none;
}
.skin-black .font_icon {
  background-color: #3c495f !important;
  border-color: #3c495f !important;
}
.skin-black .el-form-item__label {
  color: #9facc3;
}
.skin-black .el-form-item__content {
  color: #fff;
}
.skin-black .el-input__inner {
  background-color: #354154;
  border-color: #354154;
  color: #fff;
}
.skin-black .el-input__inner:hover {
  border-color: #354154;
}
.skin-black .el-input__inner:focus {
  border-color: #354154;
}
.skin-black .el-select-dropdown {
  background-color: #354154;
  border-color: #354154;
}
.skin-black .el-select-dropdown__item {
  color: #9facc3;
}
.skin-black .el-select-dropdown__item.hover,
.skin-black .el-select-dropdown__item:hover {
  background-color: #354154;
}
.skin-black .el-select-dropdown__item.selected {
  color: #fff;
}
.skin-black .el-select .el-input.is-focus .el-input__inner {
  border-color: #354154;
}
.skin-black .el-select .el-input__inner:focus {
  border-color: #354154;
}
.skin-black .el-select:hover .el-input__inner {
  border-color: #354154;
}
.skin-black .el-select .el-input.is-disabled .el-input__inner:hover {
  border-color: #354154;
}
.skin-black .el-form-item.is-error .el-input.is-disabled .el-input__inner {
  border-color: #f56c6c;
}
.skin-black .el-input.is-disabled .el-input__inner {
  background-color: #354154;
  border-color: #354154;
}
.skin-black .el-popper[x-placement^='bottom'] .popper__arrow {
  border-bottom-color: #354154;
}
.skin-black .el-popper[x-placement^='bottom'] .popper__arrow::after {
  border-bottom-color: #354154;
}
.skin-black .el-textarea__inner {
  background-color: #354154;
  border-color: #354154;
  color: #fff;
}
.skin-black .el-textarea__inner:hover {
  border-color: #354154;
}
.skin-black .el-textarea__inner:focus {
  border-color: #354154;
}
.skin-black .el-picker-panel,
.skin-black .el-picker-panel__footer {
  background-color: #354154;
  border-color: #354154;
}
.skin-black .el-picker-panel__icon-btn {
  color: #9facc3;
}
.skin-black .el-date-picker__header-label {
  color: #fff;
}
.skin-black .el-date-table th,
.skin-black .el-date-table td.available span {
  color: #fff;
}
.skin-black .el-month-table td .cell {
  color: #9facc3;
}
.skin-black .el-picker-panel .el-input__inner {
  border-color: #9facc3;
}
.skin-black .el-picker-panel__footer .el-button.is-plain {
  background-color: #fff;
  border-color: #9facc3;
}
.skin-black .el-time-panel {
  background-color: #354154;
  border-color: #9facc3;
}
.skin-black .el-time-spinner__item {
  color: #9facc3;
}
.skin-black .el-time-spinner__item:hover:not(.disabled):not(.active) {
  background-color: #354154;
}
.skin-black .el-time-spinner__item.active:not(.disabled) {
  color: #fff;
}
.skin-black .el-time-panel__content::after,
.skin-black .el-time-panel__content::before {
  border-color: #9facc3;
}
.skin-black .el-time-panel__footer {
  border-color: #9facc3;
}
.skin-black .el-time-panel__btn {
  color: #9facc3;
}
.skin-black .el-table {
  color: #9facc3;
}
.skin-black .el-table th,
.skin-black .el-table tr {
  background-color: #354154;
}
.skin-black .el-table--striped .el-table__body tr.el-table__row--striped td {
  background-color: #354154;
}
.skin-black .el-table--enable-row-hover .el-table__body tr:hover > td {
  background-color: #354154;
}
.skin-black .el-table thead {
  color: #fff;
}
.skin-black .el-table thead th {
  background-color: rgba(0, 0, 0, 0.2);
}
.skin-black .el-table--border td,
.skin-black .el-table--border th,
.skin-black .el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed {
  border-color: #666;
}
.skin-black .el-table td,
.skin-black .el-table th.is-leaf {
  border-color: #666;
}
.skin-black .el-table--border,
.skin-black .el-table--group {
  border-color: #666;
}
.skin-black .el-table--border::after,
.skin-black .el-table--group::after,
.skin-black .el-table::before {
  background-color: #666;
}
.skin-black .el-table__body-wrapper {
  background-color: #354154;
  color: #fff;
}
.skin-black .el-table__empty-text {
  color: #fff;
}
.skin-black .el-pagination {
  color: #9facc3;
}
.skin-black .el-pagination__total,
.skin-black .el-pagination__jump {
  color: #9facc3;
}
.skin-black .el-pagination.is-background .btn-next,
.skin-black .el-pagination.is-background .btn-prev,
.skin-black .el-pagination.is-background .el-pager li {
  background-color: rgba(0, 0, 0, 0);
}
.skin-black .el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: #409eff;
}
.skin-black .btn-default {
  border-color: #409eff !important;
  color: #409eff !important;
}
.skin-black .el-button--primary {
  border-color: #409eff;
  color: #fff;
  background-color: #409eff;
}
.skin-black .el-button--text,
.skin-black .el-button--text:hover {
  color: #409eff;
}
.skin-black .el-button--primary:focus,
.skin-black .el-button--primary:hover {
  background-color: #409eff;
  border-color: #409eff;
}
.skin-black .el-icon-arrow-right:before,
.skin-black .el-icon-arrow-down:before {
  color: #9facc3;
}
.skin-black .el-button--primary.is-disabled,
.skin-black .el-button--primary.is-disabled:active,
.skin-black .el-button--primary.is-disabled:focus,
.skin-black .el-button--primary.is-disabled:hover {
  background-color: #409eff;
  border-color: #409eff;
}
.skin-black .el-dialog {
  background-color: #212936;
}
.skin-black .el-dialog__title {
  color: #fff;
}
.skin-black .el-form-item.is-success .el-input__inner,
.skin-black .el-form-item.is-success .el-input__inner:focus,
.skin-black .el-form-item.is-success .el-textarea__inner,
.skin-black .el-form-item.is-success .el-textarea__inner:focus {
  border-color: rgba(0, 0, 0, 0);
}
.skin-black .el-card {
  background-color: transparent;
  border-color: #4a525f;
}
.skin-black .report-content-wrap .calendar table {
  color: #fff !important;
  background-color: #354154;
}
.skin-black .report-content-wrap .calendar table td.disabled {
  color: #9facc3 !important;
}
.skin-black .report-content-wrap .calendar-box .title,
.skin-black .report-content-wrap .alerm-list .title,
.skin-black .report-content-wrap .title {
  color: #fff;
}
.skin-black .report-content-wrap .calendar td {
  border-color: #212936 !important;
}
.skin-black .report-content-wrap .calendar td.selected span {
  background-color: #f5a623 !important;
}
.skin-black .report-content-wrap .calendar td:hover span {
  background-color: #f5a623 !important;
  color: #fff !important;
}
.skin-black .report-content-wrap .calendar td .text {
  color: #f5a623 !important;
}
.skin-black .app-detail-title {
  color: #fff;
}
.skin-black .app-detail-cont {
  color: #9facc3;
}
.skin-black .app-detail .el-row {
  border: none;
}
.skin-black .type-content .font_icon {
  background-color: #354154 !important;
  border-color: #354154 !important;
}
.skin-black .type-content ul {
  color: #fff;
}
.skin-black .type-content .top_font {
  color: #fff;
}
.skin-black .type-content .top_li {
  border-color: #9facc3;
}
.skin-black .type-content .top_font_li {
  color: #9facc3;
}
.skin-white {
  background-color: #f0f0f0 !important;
}
.skin-white .g-bkColor {
  background-color: #f0f0f0 !important;
}
.skin-white .g-bkColor2 {
  color: #4c6072;
  background-color: #fff !important;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.skin-white .app-header {
  background-color: #fff !important;
}
.skin-white .app-header .header-left {
  color: #000;
}
.skin-white .app-header .header-center {
  color: #000;
}
.skin-white .app-header .header-right {
  color: #000;
}
.skin-white .app-header .header-logo {
  color: #000;
}
.skin-white .street-box .street-item {
  background-color: #fff !important;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.skin-white .street-box .street-group {
  padding: 0 0.5%;
  box-sizing: border-box;
}
.skin-white .street-box .street-name a {
  color: #4c6072;
}
.skin-white .street-box .street-right-main {
  padding: 2px 0 0 2px;
}
.skin-white .street-box .alarm-total-title span,
.skin-white .street-box .alarm-trend-title span,
.skin-white .street-box .fire-safety-title span.title,
.skin-white .street-box .cell-paiming-title span.title {
  color: #4c6072 !important;
}
.skin-white .street-box .street-right-main .g-bkColor2 {
  width: 266px;
}
.skin-white .street-box .cell-paiming-list li span.name,
.skin-white .street-box .cell-paiming-list li span.total {
  background-color: #fff !important;
}
